<template>
  <div>
  

    <!-- 轮播图 -->

    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>
        <img
          class="lazyload"
          data-url="http://img6.zhongjiu.cn/resourceb2b2c/Storage/template/0/20200210/6371694899256529256328874.jpg"
          src="http://img6.zhongjiu.cn/resourceb2b2c/Storage/template/0/20200210/6371694899256529256328874.jpg"
          onerror="javascript: this.src = '/Images/onerror.jpg'; "
          width="100%"
        />
      </van-swipe-item>
      <van-swipe-item>
        <img
          class="lazyload"
          data-url="http://img6.zhongjiu.cn/resourceb2b2c/Storage/template/0/20200611/6372747006552876107350725.jpg"
          src="http://img6.zhongjiu.cn/resourceb2b2c/Storage/template/0/20200611/6372747006552876107350725.jpg"
          onerror="javascript: this.src = '/Images/onerror.jpg'; "
          width="100%"
        />
      </van-swipe-item>
      <van-swipe-item>
        <img
          class="lazyload"
          data-url="http://img6.zhongjiu.cn/resourceb2b2c/Storage/template/0/20200428/6372366829120545015054280.jpg"
          src="http://img6.zhongjiu.cn/resourceb2b2c/Storage/template/0/20200428/6372366829120545015054280.jpg"
          onerror="javascript: this.src = '/Images/onerror.jpg'; "
          width="100%"
        />
      </van-swipe-item>
    </van-swipe>

  
  </div>
</template>

<script>
import { Swipe, SwipeItem } from "vant";
export default {
  data() {
    return {};
  },

  components: {},

  methods: {}
};
</script>

<style scoped  lang="scss">
.head {
  border-bottom: 1px solid #d7d7d7;
  background-color: #b60005;
  position: relative;
  .iconfont {
    display: inline-block;
    height: 24px;
    width: 20px;
    // font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;

    -webkit-font-smoothing: antialiased;

    color: red;
    position: absolute;
    top: 12%;
    left: 86%;
    z-index: 99;
  }
}

.my-swipe {
  color: #fff;
  font-size: 20px;
  line-height: 210px;
  text-align: center;
  background-color: #fff;
  .van-swipe-item {
    width: 100%;
    height: 210px;
    background: springgreen;
  }
  img {
    height: 210px;
    width: 100%;
  }
}

  

</style>